// pages/template/select/select.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {

  },

  /**
   * 组件的方法列表
   */
  methods: {

  }
})

// 导出 js
module.exports = {
  // 点击 商品 类型 改变背景色
  changeBGC: function (e) {
    console.log(e.target.id) //获取商品参数ID


    this.setData({
      'select.isBGC_id': e.target.id
    })

    // 判断点击是哪个 参数（id）
    switch (e.target.id) {
      case '1': this.setData({
        'select.goods_surplus': 480
      })
        break;

      case '2': this.setData({
        'select.goods_surplus': 300
      })
        break;

      case '3': this.setData({
        'select.goods_surplus': 680
      })
        break;
    }
  },

  // 点击 尺寸  改变背景色
  changeSize: function (e) {
    console.log(e.target.id) //获取商品参数ID
    this.setData({
      "select.size_id": e.target.id
    })
  },

  // 点击关闭按钮 隐藏 购物车 选择框
  closeBtn: function () {
    this.setData({
      'select.isShowGoodsSelect': false,
      "select.size_id": 0,
      'select.isBGC_id': 0
    })

    // 创建动画
    var animation = wx.createAnimation({
      duration: 1000,
      timingFunction: "ease",
      delay: 0
    })

    // 挂载
    this.animation = animation

    // 设置动画
    animation.translateY(-50).step();

    // 导出动画
    this.setData({
      'select.animationData': animation.export()
    })


  },

  // 点击减少 商品数量
  minusNum: function () {
    this.setData({
      "select.GoodsNum": this.data.select.GoodsNum - 1
    })
  },
  // 点击增加 商品数量
  addNum: function () {
    this.setData({
      "select.GoodsNum": this.data.select.GoodsNum + 1
    })
  },
  // 点击展示 购买商品选择 框
  showGoodsSelectBox: function () {
    console.log(12321312);
    this.setData({
      // 添加购物车 商品选择框 是否显示
      // isShowGoodsSelect: true
      'select.isShowGoodsSelect': true
    })
  },

  // 点击下一步事件
  next: function () {
    // console.log(this.data.select.size_id)
    // console.log(this.data.select.isBGC_id)

    // 商品颜色id
    var sizeID = this.data.select.size_id;

    // 尺寸id
    var colorID = this.data.select.isBGC_id;

    if (colorID == 0 || sizeID == 0) {

      if (!colorID) {
        this.setData({
          'select.colorOrSize': "颜色"
        })
      }

      if (!sizeID) {
        this.setData({
          'select.colorOrSize': "尺寸"
        })
      }

      if (!sizeID && !colorID) {
        this.setData({
          'select.colorOrSize': "颜色 尺寸"
        })
      }

      // 创建动画
      var animation = wx.createAnimation({
        duration: 1000,
        timingFunction: "ease",
        delay: 0
      })

      // 挂载
      this.animation = animation

      // 设置动画
      animation.translateY(0).step().translateY(-50).step({ delay: 1500 })

      // 导出动画
      this.setData({
        'select.animationData': animation.export()
      })
    } else {
      wx.showToast({
        title: "添加购物车成功",
        mask: true,
      })
      // 调用关闭商品选择层 函数
      this.closeBtn()
    }



  }
}
